<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="zh-cn">
<head>


	<!-- Bootstrap -->
	<include file="Include/css" />
	<title>卖家中心-首页</title>
	<link href="__STATICS__/css/store_appearance.css" rel="stylesheet">

</head>
<body>
<include file="Include/nav_top" />
<div class="container clearfix" id="left_menu_wraper" >
	<include  file="Include/menu_left" />
		<div id="right-content">
			<div id="right-content-inner">
				<ul class="breadcrumb">
					<span>您的位置：</span>
					<li><a href="index2.html">首页</a> </li>
					<li class="">我的店铺</li>
					<li class="active">店铺外观设置</li>
				</ul>
				<div class="alert alert-danger  alert-dismissible" role="alert">

					<!--关闭按钮-->
					<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<!--内容-->
					<strong>温馨提示：</strong> 您的店铺已经300天没有交易了，请及时处理交易情况！
				</div>



				<div role="tabpanel" class="mt20">

					<!-- Nav tabs -->
					<ul class="nav nav-tabs clearfix" role="tablist">
						<li role="presentation" class="active">
							<a href="#home" aria-controls="home" role="tab" data-toggle="tab">
								网页店铺信息
							</a>
						</li>
						<!--<!--<li role="presentation">
							<a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
								PC商城
							</a>
						</li>-->
						<li role="presentation">
							<a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">
								微商城
							</a>
						</li>

						<!--<div class="tabs_button_wraper">
							<button class="btn btn-warning">
								昨天
							</button>
							<button class="btn btn-default">
								7天
							</button>
							<button class="btn btn-default">
								30天
							</button>
						</div>-->
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="home">

							<div class="row clearfix reset-row">
								<p class="clearfix">
									<span class="pull-left">
										当前主题：
									</span>
									<span class="pull-left ml10 style_wraper active ">
										<span class="block bg-orange">

										</span>
										淘宝橙
									</span>
									<span class="pull-right">
											<button class="btn btn-orange ml10" data-toggle="modal" data-target=".bs-example-modal-lg">修改主题</button>
											<button class="btn btn-orange ml10">预览商城</button>
									</span>
								</p>

								<div class="col-md-12 thumbnail bg_spec ">
									<div class="col-md-4 bg_spec ">
										<div class="col-md-12  bg_spec" >
											<div class="thumbnail style_img">
												<img src="images/store_index.png" class="width100" alt=""/>
											</div>
											<center><strong>主页</strong></center>
										</div>
									</div>
									<div class="col-md-4 bg_spec ">
										<div class="col-md-12  bg_spec" >
											<div class="thumbnail style_img">
												<img src="images/store_list.png" class="width100" alt=""/>
											</div>
											<center><strong>列表页</strong></center>
										</div>
									</div>
									<div class="col-md-4 bg_spec  ">
										<div class="col-md-12  padding0 bg_spec" >
											<div class="thumbnail style_img">
												<img src="images/store_goods.png" class="width100" alt=""/>
											</div>
											<center> <strong>商品页</strong></center>
										</div>
									</div>

								</div>

							</div>





						</div>
						<!--<!--<div role="tabpanel" class="tab-pane" id="profile">
							PC商城
						</div>-->
						<div role="tabpanel" class="tab-pane" id="messages">
							微商城
						</div>

					</div>



				</div>









			</div>

		</div>
</div>

<!--模态框-->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="style_modal">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
				<h4 class="modal-title" id="exampleModalLabel">选择主题</h4>
			</div>
			<div class="modal-body">
				 <div class="row clearfix">
					 <div class="col-md-12   ">
						 <div class="col-md-4  ">
							 <div class="col-md-12  " >
								 <div class="thumbnail style_img">
									 <img src="images/store_index.png" class="width100" alt=""/>
									 <div class="pop_over ">
										 <div class="glyphicon  glyphicon-ok-sign">

										 </div>
									 </div>
								 </div>
								 <center><strong>淘宝橙</strong></center>

							 </div>
						 </div>
						 <div class="col-md-4  ">
							 <div class="col-md-12  " >
								 <div class="thumbnail style_img">
									 <img src="images/store_list.png" class="width100" alt=""/>
									 <div class="pop_over ">
										 <div class="glyphicon  glyphicon-ok-sign">

										 </div>

									 </div>
								 </div>
								 <center><strong>青草绿</strong></center>

							 </div>
						 </div>
						 <div class="col-md-4   ">
							 <div class="col-md-12  padding0 " >
								 <div class="thumbnail style_img">
									 <img src="images/store_goods.png" class="width100" alt=""/>
									 <div class="pop_over ">
										 <div class="glyphicon  glyphicon-ok-sign">

										 </div>
									 </div>
								 </div>
								 <center> <strong>天空蓝</strong></center>

							 </div>
						 </div>

					 </div>
				 </div>
			</div>

		</div>
	</div>
</div>
<include file="Include/script" />
<script>
	/*菜单展开及高亮*/
	$(function(){
		$('.store').addClass('open');
		$('#store3').addClass('active');

		/**/
		$('.pop_over').on('click',function(){
			$('#style_modal').modal('hide');
		});
	});
</script>

</body>
</html>